<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<style>
			*{
				margin: 0;
				padding: 0;
				border: 0;
				list-style: none;
			}
			body,
			html{
				height: 100%;	
			}
			.box{
				width: 100%;
				height: 100%;
				/*border: 10px solid #000;*/
				/** 弹性盒模型老版box布局  */
				display: box;
				display: -webkit-box;
				/** 设置盒子的流动方向为水平的horizontal/inline-axis */
				box-orient: horizontal;
				-webkit-box-orient: horizontal;
				/** 设置盒子的流动方向为垂直的vertical/block-axis */
				/*box-orient: vertical;
				-webkit-box-orient: vertical;*/
				/** 设置子元素的排列方式是正序  */
				box-direction: normal;
				-webkit-box-direction: normal;
				/** 设置子元素的排列方式是倒序  */
				/*box-direction: reverse;
				-webkit-box-direction: reverse;*/
				/** 设置子元素的水平位置(start、center、end、justify) */
				box-pack: center;
				-webkit-box-pack: center;
				/** 设置子元素的垂直位置(start、center、end、baseline、stretch) */
				box-align: center;
				-webkit-box-align: center;
			}
			.box p{
				width: 200px;
				/** 高度由内容来撑开 */
				height: 200px;
				border: 3px solid #808080;
				background-color: #000;
				font: bold 14px 'Microsoft YaHei';
				color: #fff;
				margin: 10px;
				padding: 10px;
			}
			.box p:nth-of-type(1){
				/*box-flex: 1;
				-webkit-box-flex: 1;*/
				/*box-ordinal-group: 3;
				-webkit-box-ordinal-group: 3;*/
			}
			.box p:nth-of-type(2){
				/*box-flex: 2;
				-webkit-box-flex: 2;*/
				/*box-ordinal-group: 1;
				-webkit-box-ordinal-group: 1;*/
			}
			.box p:nth-of-type(3){
				/*box-flex: 1;
				-webkit-box-flex: 1;*/
				/*box-ordinal-group: 2;
				-webkit-box-ordinal-group: 2;*/
			}
		</style>
	</head>
	<body>
		<div class="box">
			<p>NumberOne我就是小小游，英文名是allen!我就是小小游，英文名是allen!</p>
			<p>NumberTwo我就是小小游，英文名是allen!我就是小小游，英文名是allen!我就是小小游，英文名是allen!我就是小小游，英文名是allen!我就是小小游，英文名是allen!我就是小小游，英文名是allen!</p>
			<p>NumberThree我就是小小游，英文名是allen!我就是小小游，英文名是allen!我就是小小游，英文名是allen!我就是小小游，英文名是allen!我就是小小游，英文名是allen!我就是小小游，英文名是allen!我就是小小游，英文名是allen!我就是小小游，英文名是allen!我就是小小游，英文名是allen!我就是小小游，英文名是allen!</p>
		</div>
	</body>
</html>